<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="description" content="">
		<meta name="author" content="Dashboard">
		<meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
		<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
		<title>谷医堂客服系统</title>
		<link rel="stylesheet" href="css/animate.css">
		<link rel="stylesheet" href="css/serviceCente.css">
		<link rel="stylesheet" href="css/Chat_typesetting.css">
		<link rel="stylesheet" href="css/new_file.css" />
		<link href="assets/css/bootstrap.css" rel="stylesheet">
		<link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="assets/css/zabuto_calendar.css">
		<link rel="stylesheet" type="text/css" href="assets/js/gritter/css/jquery.gritter.css" />
		<link rel="stylesheet" type="text/css" href="assets/lineicons/style.css">
		<link href="assets/css/style.css" rel="stylesheet">
		<link href="assets/css/style-responsive.css" rel="stylesheet">
		<script src="assets/js/chart-master/Chart.js"></script>
		<link rel="stylesheet" type="text/css" href="css/new_file.css" />
		<link rel="stylesheet" href="layer/layui.css" />
		<link rel="stylesheet" type="text/css" href="layer/layim.css" />
		<link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<link href="https://xcximg.juseyun.com/src/js/jquery.magnify.css" rel="stylesheet">
		<style>
			.zzzzc{
				position: fixed;
				left:0;
				top:0;
				background: rgba(0,0,0,0.6);
				z-index:1003;
				width:100%;
				height:100%;
				display: block;
			}
			.zzzzc1{
				width:600px;
				height:600px;
				background: #fff;
				position: relative;
				left:50%;
				top:50%;
				margin-top:-300px;
				margin-left:-300px;
				padding: 20px;
				overflow-y: scroll;
			}
			.zzzzc1 li{

				 padding: 10px 0;
			 }
			.zzzzc1 li:nth-child(1){
				border-bottom: 1px dashed #ddd;
			}
			.zzzzc1 li>h5{
				padding: 5px;
				font-size: 16px;
				font-weight: 500;
			}
			.zzzzc1 li>div{
				padding:0 50px;
			}
			.zzzzc1 li>div>span{
				width: 32%;
				display: inline-block;
				padding: 10px 0;
			}
			.paddingp{
				padding: 10px 0;
			}
			.zzzzc1 ul{
				margin-top: 2px;
				border-top: 1px solid black;
			}
			.zzzzc1 .toptop{
				border-bottom: 3px solid black;
				margin-bottom: 0;
			}
			.zzzzc1 .toptop span{
				width: 50%;
				display: inline-block;
				padding: 15px;
			}
			.zzzzc1 .toptop p{
				margin-bottom: 3px;
			}
			.toptop>h4{
				font-size: 18px;
				font-weight: 500;
			}
			.medlist div{
				display: inline-block;
			}
			.medlist div p{
				padding: 10px 0;
			}
			.medlist div p:hover{
				padding: 10px 0;
				color: #ee3f3f;
			}
			.medlist div p span:nth-child(1){
				display: inline-block;
				width: 70%;
			}
			.medlist div p span:nth-child(2){
				display: inline-block;
				width: 28%;
			}
			.medlist button{
				width: 100px;
				border: 1px solid #ee3f3f;
				color: #ee3f3f;
				border-radius: 10px;
			}
			.toptop button{
				background: #fff;
				border: none;
			}
		</style>
	</head>
	<body>
	<div class="zzzzc" style="display: none;">
		<div class="zzzzc1">
			<div class="toptop">
				<h3 class="text-right">
					<button class="mis-div">x</button>
				</h3>
				<h4 class="text-center">谷医堂购买单</h4>
				<p><span></span><span class="text-right buySingledate">2018年01月12日</span></p>
			</div>
			<ul class="list-unstyled">
				<li>
					<h5>基本信息</h5>
					<div class="buySingleinfo">
						<span>姓名：<b class="uname"></b></span>
						<span>生日：<b class="uage"></b></span>
						<span>性别：<b class="usex"></b></span>
						<span>身高：<b class="uheight"></b></span>
						<span>体重：<b class="uweight"></b></span>
						<p class="paddingp">即往病史：<b class="udochis"></b></p>
						<p class="paddingp">过敏史：<b class="umedicine"></b></p>
					</div>
				</li>
				<li>
					<h5>购买清单 </h5>
					<div class="medlist">
						<div style="width: 68%;border-right: 1px dashed #ddd" class="druglisting">
							
						</div>
						<div style="width: 30%" class="text-center">
							<button type="" class="layui-btn layui-btn-primary">一键下单</button>
						</div>
					</div>

				</li>
			</ul>
		</div>
	</div>
		<section id="container">
			<header class="header black-bg">
				<div class="top-menu">
					<img class="logo" src="img/logo.png" height="70px"></img>
					<a type="button" class="btn logout"style="float: right;margin-right: 130px;margin-top: 50px;border: none;width: 86px;color: #666666;font-size: 14px">
					   <span class="glyphicon glyphicon-log-out"></span>
					   退出
					</a>
					<a type="button" class="btn change_Passwords"
					   style="float: right;margin-right: 20px;margin-top: 50px;border: none;width: 86px;color: #666666;font-size: 14px" onclick="change_Passwords()">
					  <span class="glyphicon glyphicon-lock"></span>
					   修改密码
					</a>
				</div>
			</header>
			<aside>
				<div id="sidebar" class="nav-collapse">
					<!-- sidebar menu start-->
					<ul class="sidebar-menu" id="nav-accordion">

						<p class="centered_">
							<img src="https://xcximg.juseyun.com/Images/servers.png" class="img-circle">&nbsp;<span class="centered" style="color: white;" id="name" data-name=""></span>
						</p>
						<li class="sub-menu" style="margin: 0 auto;">
							<div class="sub_menu_flex">
								<span class="glyphicon glyphicon-comment" style="top: 2px;"></span>
								<div>接待列表</div>
								<div class="reception">></div>
							</div>
						</li>
					</ul>
				</div>
			</aside>
			<section id="main-content">
				<section class="wrapper" style="margin-left:0px;">
					<div class="row">
						<div class="col-lg-2" style="width:15.8%">
							<ul class="list-group">

								<!--聊天记录列表-->
							</ul>
							<span class="jierupic">
                                        <span style="font-size: 10px;font-family: "MicrosoftYaHei";" class="jiedai"></span><br />
							<span style="font-size: 12px;font-family: " MicrosoftYaHei ";">待接待</span>
							</span>
						</div>
						<img src="img/yes.png" style="width: 800px;margin-left: 30%;padding-top: 144px;display: block;" class="guyitang" />
						<div class="col-lg-5 chatroom" style="padding-right:5px;margin-left:8px;">
							<div class="auto_s" id="auto_s" style="background: white; height: 803px; margin-top: 20px;overflow: auto;">
								<!---->
								<div class="A_chat_top">
									<!-- 分为左右 -->
									<div class="username" data-id="">

									</div>
									<div class="Push_button">
										<button class="UndoInvite" onclick="UndoInvite(event)" style="display: none;">撤回邀请</button>
										<button class="Undo" onclick="Undo(event)">撤回指派</button>
										<button class="Invite_a_doctor">邀请医生</button>
										<button class="Assigned_tothe_doctor">指派医生</button>
									</div>
								</div>
								<!--content-->
								<div class="Chat_title">
									<!-- 聊天排版 -->
									<!--<div class="chatcontent layim-chat-main">
										<a href="javascript:void(0)" style="text-align: center;width: 50%;margin: 0 auto; display: block;" onclick="findchatmsg()">点击查看更多消息</a>
										<div class="onlien_infos" style="text-align: center;width: 50%;margin: 0 auto;"></div>
										<ul class="chat-thread">
											
										</ul>									
									</div>-->
									<div class="layim-chat-main" style="height: 586px;background: #f1f7f8;">
										<div class="layim-chat-system" style="background: #f1f7f8;margin: 0px;"><span layim-event="chatLog" style="background: white;border-radius: 8px;width: 142px;height: 30px;"><a onclick="findchatmsg()" style="color: #999999;cursor: pointer;">点击查看更多消息</a></span></div>
										<ul class="chat-thread">
										</ul>
									</div>
									<!-- 结束   发送 -->
									<img class="closes" src="img/close.png"></img>

									<!-- 点击阅览图片 -->

									<div class="Reading_pictures_show">
										<div class="close_Reading_pictures_show">

											<img src="" class="Reading_pictures">

											<span class="close_Reading_pictures_show_">X</span>
										</div>

									</div>

									<!-- ****************************** -->
									<!-- 邀请医生 -->
									<div class="Invite_a_doctor_show">
										<div class="collerct_header">邀请医生</div>
										<!-- 选择医生 -->
										<div class="Choose_a_doctor">
											<div style="line-height: 30px;">选择医生:</div>
											<select class="doctor_select all_style_select_">

											</select>
										</div>

										<div class="invite_doctor_to">
											<!-- 提示框  -->
											<div style="width:70%;margin:0 auto;display:flex;justify-content: space-between;">
												<input class="doctor_submit" type="submit" value="确定" />
												<input class="invite_doctor_cancel doctor_determine_" type="reset" value="取消" style=" " id="btnreset" />

											</div>

											<!-- <button class="doctor_submit">确定</button>
                                             -->
										</div>

									</div>
									<!-- 指派医生 -->
									<div class="assign_a_doctor_show">
										<div>指派医生</div>
										<!-- 选择医生 -->
										<div class="assign_a_doctor">
											<div>指派医生:</div>
											<select class="yaoqing" style="width: 160px;">
												<option value="">周建建</option>
												<option value="">李智书</option>
												<option value="">左一帆</option>
											</select>
										</div>
										<!--点击确定按钮  -->
										<button class="doctor_submit doctor_yaoqing" id="yaoqing">确定</button>
										<span class="Has_been_on_close close_been">x</span>
									</div>
									<!-- 发送基本信息表 -->
									<div class="information_to" style="z-index: 1001;">
										<!-- 发送基本信息表 -->
										<div class="information_to_write">发送基本信息表格</div>
										<div class="information_to_writes">是否将 基本信息表格发送给用户？</div>
										<!-- 选择 是   否 -->
										<div class="select_information_to">
											<!-- <button class="determine">是</button>
                                        <button class="cancel">否</button> -->

											<input class="determine" type="submit" value="确定" onclick="determine()" />
											<input class="invite_doctor_cancel cancel" type="reset" value="取消" style=" " id="btnreset" />

										</div>
									</div>
									<!-- 收集单 -->
									<div class="all_Collect">
										<span class="Has_been_on_close close_been">x</span>
										<!--  选择收集单 -->
										<div class="collerct_header">选择收集单</div>
										<div class="select_departments">
											<div>选择科室 :</div>
											<select name="" id="select_menAnd_wormen" class="select_menAnd_wormen all_style_select_ selectclass">
												<!--<option value="">妇科</option>
												<option value="">男科</option>-->
											</select>
										</div>
										<!-- 选择收集单 -->
										<div class="select_Collect">
											<div>选择收集单:</div>
											<select name="documents" id="documents" class="Disease_class all_style_select_ selectclass">
												<!--<option value="">月经不调</option>
												<option value="">阳痿</option>-->
											</select>
										</div>
										<!--收集单详情-->
										<div class="select_Collect">
											<div>收集单详情:</div>
											<select name="documents" class="particulars_Order selectclass">

											</select>
										</div>
										<!-- 按钮  发送客户    代客填写 -->
										<div class="Send_fill_out">
											<input class="Send_the_customer" type="submit" value="发送给客户" onclick="Send_the_customer(event)" />
											<input class="invite_doctor_cancel Valet_to_fill_out" type="reset" value="代客填写" style=" " id="btnreset" onclick="Valet_to_fill_out(event)" />

											<!-- ********** -->
										</div>
									</div>

									<!-- ************************* -->
								</div>
								<!-- 用药 -->
								<div class="medication_S" style="z-index: 2000;">
									<!-- 已上架 -->
									<div class="Has_been_on">已上架商品列表
										<span class="Has_been_on_close">x</span>
									</div>

									<!-- 搜索框    三级分类    确定 -->
									<div class="medication_S_classification">
										<!-- 搜索框 -->
										<input type="text" placeholder="请输入商品名称" class="input_search_s all_style_select_">

										<!-- 三级分类   -->
										<div class="classification_three">
											<span>分类:</span>
											<span type="text" class="input_search_s  input_search_classification" style="margin-left: 5px;" style="display:block;"></span>
											<!-- 分类展示 -->
											<div id="classAll_product">

												<ul class="classification_threes_all">

												</ul>
												<!-- ******* -->

												<ul class="classification_two_all">

												</ul>

												<!-- ****** -->
												<!-- 
                                            <ul class="classification_three_all_">

                                            </ul> -->
											</div>
											<!-- ******* -->
										</div>

										<button class="medication_search">搜索</button>

									</div>

									<!-- 分类  列名 -->
									<div class="Column_names">

										<div class="Column_name">
											<span>全选</span>
											<span>药品名称</span>
											<span>药品图片</span>
											<span>通用名</span>
											<span>规格</span>
											<span>品牌</span>
											<span>生产厂家</span>
										</div>

									</div>

									<!-- 商品信息展示 -->
									<div style="Overflow-y:scroll;height:220px;" id="product_class_dowm">

										<ul class="product_show_alls" style="Overflow-y:scroll">

										</ul>

									</div>
								</div>
								<!-- *** -->
								<div class="expression_upload">
									<!-- <img src="./img/expression.png" alt="" class="expression"> -->
									<img src="img/upload.png" alt="" class="upload_picture">

									<form action="" id="uploadImg">
										<input type="file" name="files" class="uploadImg" value="111">
									</form>

								</div>
								<!-- 输入框 -->
								<form action="">
									<!-- <input type="text" > -->
									<div class="Input_boxs">
										<!-- <textarea id="textarea"  rows="2" cols="20"  class="Input_box"></textarea> -->
										<textarea name="" id="textarea" cols="30" rows="2" style="" class="Input_box textarea_sends" placeholder="请在此输入" onkeypress="onKeyPress(event)"></textarea>
										<!-- <input type="text"  id="textarea"   class="Input_box" > -->
										<!-- 提示框 不能为空 -->
										<div class="Prompt_box animated bounce">
											发送的内容不可为空，请重新输入！
										</div>
										<button class="sends">发送</button>

									</div>
									<!--  结束  发送 -->
									<div class="bottom_send">
										<div class="send_and_over">

										</div>
									</div>
									<!-- **************** -->
								</form>
							</div>
						</div>
						<div class="col-lg-5 chatroom rightlist" style="padding-left:0px;">

						</div>
					</div>
				</section>
			</section>
		</section>
		<div class="htmlappend" style="background: white; height: 803px; margin-top: 20px; overflow: auto;display: none;">
			<div class="Function_button">
				<!-- 基本信息 -->
				<div class="Basic_information">
					<div class="Basic_informations">
						<!-- 竖线   基本信息 -->
						<div>
							<span class="vertical_bar">|</span>
							<span class="information">基础信息</span>
						</div>
						<button class="Send_the_basic_information_form" onclick="Send_the_basic_information_form()">发送基本信息表格</button>
						<span class="modification" style="margin-right: 10px;color: #1abb9c;cursor: pointer;display: none;" onclick="modification(event)">修改信息</span>
					</div>
					<!--from表单-->
					<form action="#" style="display: block" class="biaodaninfo">
						<div class="row biaodan">
							<div class="info">
								<label class="form-inline user_news_all_">姓名：<input type="text" class="form-control infoname name"  name="name" placeholder="请输入姓名"/></label>
								<label class="form-inline user_news_all_">出生日期：<input type="date" class="form-control date" required min="1980-1-1"  name="date"  placeholder="请输入出生日期"/></label>
							</div>

							<!-- 性别 -->

							<div class="gender">
								<div class="user_news_all_">性别：</div>
								<div class="gender_all gender_all_left_">
									<div class="gender_all_men">
										<input type="radio" name="men" value="1" class="radios input_all_style men">
										<span style="margin-left:5px;font-size: 12px;">男</span>
									</div>

									<div class="gender_all_wormen">
										<input type="radio" name="men" value="2" class="radios input_all_style wormen">
										<span style="margin-left:5px;font-size: 12px;">女</span>
									</div>
								</div>
							</div>

							<!--  -->
							<div class="info height_weight">
								<label class="form-inline user_news_all_">身高：<input type="number" class="form-control heights"   name="heights"  placeholder="请填写身高"/>&nbsp;&nbsp;cm</label>
								<label class="form-inline user_news_all_">体重：<input type="number" class="form-control weights"   name="weights"  placeholder="请填写体重"/>&nbsp;&nbsp;kg</label>
							</div>

							<!-- 过往病史 -->
							<div class="info Medical_history">
								<label class="form-inline user_news_all_">既往病史：<input type="text"  name="Medical" class="form-control Medical" placeholder="请填写过往病史"/></label>

							</div>

							<!-- 过敏史 -->
							<div class="info allergies">
								<label class="form-inline user_news_all_">过敏史：<input type="text"   style="margin-left:20px;"  name="allergie"  class="form-control allergiesed" placeholder="请填写过敏史"/></label>
							</div>

							<div class="button_flexs">
								<div class="Determine_to_cancel">
									<input class="btnSubmit" type="submit" value="确定" onclick="btnSubmit(event)" />
									<input class="Basic_cancel default_button btnreset" type="reset" value="取消" onclick="Basic_cancel(event)" />
								</div>
							</div>
					</form>

					<!-- **** -->
					</div>
					<!--  -->
					<!-- *** -->
					<!-- 渲染表单 -->
					<div class="drawing_input" style="display: none;">
						<!-- 姓名     出生日期 -->
						<div class="username_userdate">
							<div class="username_S">
								<div class="user_news_all_">姓名：</div>
								<div class="username_S_left"></div>
							</div>

							<div class="userdate_S">
								<div class="user_news_all_">出生日期：</div>
								<div class="userdate_S_left riqi"></div>
							</div>
						</div>

						<!-- 性别 -->
						<!-- 性别 -->
						<div class="gender_s">
							<div style="item-align:center;" class="user_news_all_">性别：</div>
							<div class="gender_all genders">

							</div>
						</div>

						<!-- 身高 -->
						<div class="height_S_weight_">
							<div class="height_S">
								<div class="user_news_all_">身高：</div>
								<div class="height_S_left"></div>
							</div>

							<div class="weight_S">
								<div class="user_news_all_">体重：</div>
								<div class="weight_S_left"></div>
							</div>

						</div>

						<!-- 过往病史 -->
						<div class="medical_history_S">
							<div class="user_news_all_">过往病史：</div>
							<div class="input_medical_left"></div>
						</div>

						<!-- 过敏史 -->
						<div class="allergy_S">
							<div class="user_news_all_">过敏史：</div>
							<div class="input_allergy_left"></div>
						</div>

					</div>
					<!--  -->
				</div>
				<!-- 基本情况收集单 -->
				<div class="Collect_the_singles" style="">
					<div class="Basic_informations">
						<!-- 竖线  基本情况收集单 -->
						<div>
							<span class="vertical_bar">|</span>
							<span class="information">基本情况收集单</span>
						</div>
						<button class="Collect_the_single" onclick="Collect_the_single(event)">选择收集单</button>
						<button class="Ms_modify">修改</button>
						<button class="Man_changes">修改</button>
					</div>

					<!-- 收集单--------- 展示 -->
					<div class="men_input_change">
						<form class="men_input_change_three">

						</form>
					</div>
					<!-- 症状描述 -->
					<div class="described_s" style="display: none;">症状描述:</div>
					<div class="described_s" style="display:none;">
						<!-- 文本框  -->
						<textarea name="" id="describe" cols="30" rows="10" class="textarea_s" placeholder="请描述症状" style=""></textarea>
					</div>
					<!--  上传图片  -->
					<div class="upload_pictures" style="position: relative;display:none;">
						<!--  -->
						<button type="button" style="color: white;background-color: #1abb9c;border: none !important; width: 100px;border-radius:5px;height: 25px;">上传图片</button>
						<input class="upload_img_s  uplod_img_pictures_A" type="file" name="files" onchange="creatImg(this.files,this.parentNode)" />
					</div>
					<div class="Among_the" style="display:none;">患者处报告、化验单:</div>
					<div class="upload_pictures" style="display:none;">
						<form action="" class="upload_all_from" style="position: relative;">
							<button type="button" style="color: white;background-color: #1abb9c;border: none !important;width: 100px;border-radius:5px ;height: 25px;">上传图片</button>
							<input class="upload_img_a uplod_img_pictures_B" type="file" name="files" onchange="creatImg(this.files,this.parentNode)" />
						</form>
						<!--  -->
						<!-- <img src="blob:http://127.0.0.1:8020/7393b0ab-b095-47a4-aec0-0fe25ce725a6"  id="img_g" alt=""> -->
					</div>
					<!--    确定    取消     基本收集单—— -->
					<div class="single_submit_S_All">
						<div class="single_submit_S_">
							<button class="single_determines man_confirm" onclick="man_confirm(event)">确定</button>
							<button class="single_cancels man_cancel" onclick="modifications(event)">修改</button>
						</div>
					</div>
				</div>
				<!-- 系统诊断 -->
				<div class="diagnosis">
					<div class="Basic_informations_">
						<!-- 竖线  基本情况收集单 -->
						<div>
							<span class="vertical_bar">|</span>
							<span class="information">系统诊断</span>
						</div>
						<textarea name="" cols="30" rows="20" class="System_in_the_diagnosis_of" disabled="true">
												
												
						</textarea>
					</div>
					<!-- <div>选择收集单</div> -->
				</div>

				<!-- 建议用药 -->
				<div class="medication">
					<div class="Basic_informations">
						<!-- 竖线  基本情况收集单 -->
						<div>
							<span class="vertical_bar">|</span>
							<span class="information">客服汇总</span>
						</div>
					</div>
					<!-- 客服汇总  -->
					<div class="summary_of_the_service">
						<textarea name="textarea" maxlength="200" class="service_of_" onkeyup="onkeyups(this.value)"></textarea>

						<div class="number_servers">
							<span class="number_servers_change"> <span class="length_s_all"></span>/500</span>
						</div>
					</div>
				</div>
				<div class="The_diagnosis">
					<div class="Basic_informations">
						<!-- 竖线  基本情况收集单 -->
						<div>
							<span class="vertical_bar">|</span>
							<span class="information">建议用药</span>
						</div>
						<button class="Send_the_basic_information_form_drug Order" onclick="buy_Order(event)" style="display:none;">生成购买单</button>
						<button class="Send_the_basic_information_form_drug" data-toggle="modal" data-target="#myModal" onclick="Send_the_basic_information_form_drug(event)">选择用药</button>
					</div>
					<div class="Drug_labels">
						<div class="Scroll_area">

						</div>
					</div>
				</div>
			</div>
		</div>
		<!--选择用药-->
		<div class="modal fade in" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none;">
			<div class="modal-dialog" style="margin: 0 auto;width: 50%" role="document">
				<div class="modal-content" style="overflow-x: scroll;margin-top: 10%;box-shadow: none;">
					<div class="modal-header" style="min-width: 650px;background: #1abb9c;">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
						<h5 class="modal-title" id="myModalLabel">选择药品</h5>
					</div>
					<div class="modal-body" style="min-width: 650px">
						<div style="margin-bottom: 30px">
							<span style="margin-right: 20px"><input type="text" style="width: 18%;height: 30px" class="p_name" placeholder="药品名"></span>
							<span class="text-left" style="margin-right: 20px">
                        <select name="" id="category" style=" width: 18%;height: 30px"><option value="">-分类-</option><option value="10">家庭常备</option><option value="1">保健食品</option><option value="145">儿科用药</option><option value="16">男科用药</option><option value="160">医疗器械</option><option value="55">心血管科</option><option value="23">妇科用药</option><option value="72">皮肤科药</option><option value="136">呼吸科药</option><option value="153">泌尿科药</option><option value="121">神经科药</option><option value="170">中药饮片</option><option value="91">肝胆科药</option><option value="172">生活用品</option><option value="114">成人用品</option><option value="50">糖尿病科</option><option value="67">肿瘤科药</option><option value="37">风湿关节</option><option value="99">肠胃道药</option><option value="197"> 食品</option><option value="194">解热镇痛类</option><option value="193">日化用品</option><option value="188">营养滋补</option><option value="186">抗生素类</option><option value="184">十二指肠溃疡</option><option value="182">清热解毒</option><option value="180">其他中西成药</option><option value="175">眼科用药</option></select>
                    </span>
							<span class="text-left" style="margin-right: 20px">
                        <select name="" id="p_store" style=" width: 18%;height: 30px">
                            <option value="">-请选择-</option>
                        </select>
                    </span>
							<span style="margin-right: 20px">
                        <button type="button" class="btn btn-successs search_product" style="width:15%;height: 30px">搜索</button>
                    </span>
                     </span>
							<span style="margin-right: 20px">
                        <button type="button" class="btn btn-successs reset" style="width:15%;height: 30px">重置</button>
                    </span>
						</div>
						<div>
							<div style="width: 70%;min-height: 300px;">
								<table style="margin-top: 10px;width: 100%" class="text-left p_list">
									<thead style="background: #f1f1f1">
										<tr>
											<th>药品名称</th>
											<th>药品图片</th>
											<th>规格</th>
											<th>品牌</th>
											<th>生产厂家</th>
											<th></th>
										</tr>
									</thead>
									<tbody>

									</tbody>
								</table>
								<!-- 等待显示框-->
								<div class="manage_loding" style="display: none;margin: 0 auto;text-align: center;line-height: 100px">
									<p>正在加载，请稍候......</p>
								</div>
								<div class="manage_empty_msg" style="display: none;margin: 0 auto;text-align: center;line-height: 100px">
									<p>对不起，没找到您要的信息！</p>
								</div>
							</div>
							<div style="position: absolute;top: 76px;right: 0;width: 29%;margin-left: 2px;">
								<p style="background:#f1f1f1 ;padding: 10px;">已选药品</p>
								<div class="midmed" style="overflow-y: scroll;height: 400px;"></div>
							</div>
						</div>
						<div>
							<div style="display: inline-block;width: 70%">
								<table width="100%" style="margin-top: 50px;" class="table text-left">
									<tfoot>
										<tr>
											<td style="padding-top: 11px;">
												<a type="button" class="prepage_p btn">上一页</a>
												第 <input type="text" value="1" style="width: 50px;text-align: center;" class="pageindex_p"> 页
												<a type="button" class="search-index_p btn">跳转</a>
												<a type="button" class="nextpage_p btn">下一页</a>
											</td>
											<td style="padding-top: 17px;">共 <span class="pagecount_p" style="color: dodgerblue">4</span> 页</td>
										</tr>
									</tfoot>
								</table>
							</div>
							<div style="position: absolute;bottom: 50px;right: 0;width: 29%;margin-left: 2px;">
								<button type="button" class="btn btn-successs surecheck" data-dismiss="modal" style="width: 40%">确认添加</button>
								<button type="button" class="btn btn-successs del-med" style="width: 40%">清  空</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--修改密码-->
		<div class="layui-layer-shade" id="layui-layer-shade100001" times="100001" style="z-index: 19991014; background-color: rgb(0, 0, 0); opacity: 0.3;display: none;"></div>
		<div class="layui-layer layui-layer-page layui-layer-prompt"  style="display: none;z-index: 19991015; margin-left: 50%;left: -175px;">
			<div class="layui-layer-title" style="cursor: pointer;">修改密码</div>
			<div id="" class="layui-layer-content">
				<form class="layui-form layui-form-pane">
					<div class="layui-form-item">
						<label class="layui-form-label">原密码</label>
						<div class="layui-input-inline">
							<input type="password" name="userPassword" onkeypress="onKeyPresss(event)" formnovalidate="formnovalidate"  placeholder="请输入原密码" pattern="[A-z0-9]{6}" autocomplete="off" class="layui-input oldpwd">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">新密码</label>
						<div class="layui-input-inline">
							<input type="password" name="password" onkeypress="onKeyPresss(event)" formnovalidate="formnovalidate" placeholder="请输入新密码" pattern="[A-z0-9]{6}" autocomplete="off" class="layui-input repeatpwd">
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">确认新密码</label>
						<div class="layui-input-inline">
							<input type="password" name="newUserPassword" onkeypress="onKeyPresss(event)" formnovalidate="formnovalidate"  placeholder="确认新密码" pattern="[A-z0-9]{6}" autocomplete="off" class="layui-input newpwd">
						</div>
					</div>
					<div class="login_failed col-sm-offset-2 col-sm-10 text-right" style="color: red; display: block;"></div>
					<div class="layui-layer-btn layui-layer-btn-" style="text-align: center;">
						<a type="button" class="layui-btn  layui-layer-btn0" style="width: 100px;border-color: #1abb9c;background-color: #1abb9c;" onclick="change_Password()">确定</a>
						<a class="layui-layer-btn1" style="width: 100px;">取消</a>
					</div>
				</form>
			</div>
		</div>
		<script src="assets/js/jquery.js"></script>
		<script src="assets/js/jquery-1.8.3.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/choosemed.js"></script>
		<script class="include" type="text/javascript" src="assets/js/jquery.dcjqaccordion.2.7.js"></script>
		<script src="assets/js/jquery.scrollTo.min.js"></script>
		<script src="assets/js/jquery.nicescroll.js" type="text/javascript"></script>
		<script src="assets/js/jquery.sparkline.js"></script>
		<script src="./js/jquery-1.11.3.js"></script>
		<script src="./js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/socket_io.js"></script>
		<script src="./js/service.js"></script>

		<script type="text/javascript" src="js/userlist.js"></script>
		<script type="text/javascript" src="js/logout.js"></script>
		<script type="text/javascript" src="layer/layer.js"></script>
		<script type="text/javascript" src="laydate/laydate.js"></script>
		<script src="layer/layer.js" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="UTF-8"></script>
		<script type="text/javascript" src="js/moment.js"></script>
		<script type="text/javascript" src="js/secondary.js"></script>
	    <script src="https://xcximg.juseyun.com/src/js/jquery.magnify.js"></script>
		<script>
			$('[data-magnify]').magnify({
				     headToolbar: [
					      'close'
					],
				footToolbar: [
					'zoomIn',
					'zoomOut',
					'prev',
					'fullscreen',
					'next',
					'actualSize',
					'rotateRight'
				],
				title: true,
			});
		</script>
	</body>

</html>